<template>
  <div id="no-data" v-show="isTimeout">
    {{title}}
  </div>
</template>

<script>
  export default {
    name: 'NoTile',
    data () {
      return {
        title: '当前时间段暂无数据',
        isTimeout:true,
      }
    },
    mounted(){
      this.$nextTick(() => {
        setTimeout(() => {
          this.isTimeout = false;
        },1000 * 5);
      })
    }
  }
</script>

<style scoped lang="scss">
  #no-data {
    position: relative;
    bottom: 150px;
    left: 250px;
    z-index: 200;
    width: 140px;
    min-height: 50px;
    text-align: center;
    line-height: 50px;
    color: #ff003b;
    background-color: rgba(53, 73, 90, 0.7);
    border-radius: 8px;
    padding: 0 6px;
  }
</style>
